import Vue from 'vue'
import Vuex from 'vuex'
import storage from '@/utils/storage'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    config: {
      background: {
        url: 'https://files.codelife.cc/itab/defaultWallpaper/defaultWallpaper.webp',
        type: 'image'
      }
    },
    apps: storage.getItem('apps') || [
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频1',
      //   size: '2x4',
      //   id: 1
      // },
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频2',
      //   size: '2x4',
      //   id: 2
      // },
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频3',
      //   size: '2x2',
      //   id: 3
      // },
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频4',
      //   size: '2x2',
      //   id: 4
      // },
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频5',
      //   size: '2x2',
      //   id: 5
      // },
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频1',
      //   size: '1x2',
      //   id: 101
      // },
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频1',
      //   size: '1x2',
      //   id: 102
      // },
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频1',
      //   size: '2x4',
      //   id: 103
      // },
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频1',
      //   size: '2x2',
      //   id: 104
      // },
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频1',
      //   size: '2x4',
      //   id: 105
      // },
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频1',
      //   size: '1x4',
      //   id: 106
      // },
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频6',
      //   id: 6
      // },
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频7',
      //   id: 7
      // },
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频8',
      //   id: 8
      // },
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频9',
      //   id: 9
      // },
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频10',
      //   id: 10
      // },
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频11',
      //   id: 11
      // },
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频12',
      //   id: 12
      // },
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频13',
      //   id: 13
      // },
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频14',
      //   id: 14
      // },
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频15',
      //   id: 15
      // },
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频15',
      //   id: 16
      // },
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频15',
      //   id: 17
      // },
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频15',
      //   id: 18
      // },
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频15',
      //   id: 19
      // },
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频15',
      //   id: 20
      // },
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频15',
      //   id: 21
      // },
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频15',
      //   id: 22
      // },
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频15',
      //   id: 23
      // },
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频15',
      //   id: 24
      // },
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频15',
      //   id: 25
      // },
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频15',
      //   id: 22
      // },
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频15',
      //   id: 26
      // },
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频15',
      //   id: 22
      // },
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频15',
      //   id: 27
      // },
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频15',
      //   id: 28
      // },
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频15',
      //   id: 29
      // },
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频15',
      //   id: 30
      // },
      // {
      //   icon: 'https://img.alicdn.com/tfs/TB1WeJ9Xrj1gK0jSZFuXXcrHpXa-195-195.png',
      //   title: '西瓜视频15',
      //   id: 31
      // }
    ]
  },
  mutations: {
    ADD_APP (state, payload) {
      const apps = state.apps
      apps.push(payload)
      state.apps = apps
      storage.setItem('apps', apps)
    },
    REMOVE_APP (state, index) {
      const apps = state.apps
      apps.splice(index, 1)
      state.apps = apps
      storage.setItem('apps', apps)
    },
    SET_APPS (state, payload) {
      state.apps = payload
      storage.setItem('apps', state.apps)
    }
  },
  actions: {
  },
  modules: {
  }
})
